<template>
	<uni-list>
		<template v-for="(item,index) in 10">
			<view class="" >
				
           <uni-list-chat  avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png">
			   <template v-slot:default>
				   <view class="chat_right">
				   	
					<view class="chart_title">
					<view class="chart_name">小明小明小明小明小明小明小明小明小明</view>	
					<view class="chart_time">
						2025/6/17
					</view>
					</view>
				   	<view class="">
				   		<image class=""  style="background: #f25;display: block;width:250rpx;"  src="/static/logo.png" mode="widthFix"></image>
				   	</view>
				   </view>
			   	
			   </template>
		   </uni-list-chat>
			</view>
			
		</template>
		
	</uni-list>
</template>

<script setup>
import { onLoad } from '@dcloudio/uni-app';
import { ref } from 'vue';
import { friendRecord } from '../../api/index.js';
import { uniCommon } from '../../utils/common.js';
let detail = ref();
onLoad((options) => {
	console.log(options);
	if (options.obj) {
		detail.value = uniCommon.jsonToObject(options.obj);
		// getFriendRecord();
	}
});
async function getFriendRecord() {
	try {
		let res = await friendRecord();
		console.log(res);
	} catch (err) {
		console.log(err);
	}
}
</script>

<style lang="scss" scoped>
	.chat_right{
		width:100%;
		align-items: center;
	}
	.chart_title{
		display: flex;
		align-items: center;
		justify-content: space-between;
		height:60rpx;
	}
	.chart_name{
		// background:#f25;
		// line-height: 60rpx;
		width:360rpx;
		// flex:1;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	::v-deep .uni-list-chat__content-main{
		display: none;
	}
	::v-deep .uni-list-chat__content-extra{
		flex:1;
		// width:100%;
		align-items: flex-start;
	}
</style>
